$(function () {
    init();
    function init() {
        getqueryTopCategory();
        eventList();
      }
    function eventList() {
        // 委托
        $(".left").on("tap", "li", function () {
            // 获取被点击一分类的id
            var id = $(this).data("id");
            // 渲染二级分类数据
            getQuerySecondCategory(id);
            // 排他
            $(this).addClass("active").siblings().removeClass("active");
        })
    }

    function getqueryTopCategory() {
        $.get(location.origin + "/category/queryTopCategory",function (ret) {

            var html = template("leftTpl",{arr:ret.rows})

            $(".left").html(html);
            
            var id = ret.rows[0].id;
            getQuerySecondCategory(id);
        })
    }
    function getQuerySecondCategory(id) {
        var url = location.origin + "/category/querySecondCategory?id=" + id;        
        $.get(url, function (ret) {
            // 判断有没有数据
            if (ret.rows.length > 0) {                
                var html = template("rightTpl", { arr: ret.rows })
                $(".right").html(html);
            } else {
                $(".right").html("没有更多数据了 萌萌哒😊");
            }
        })
    }
})